<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
            border-collapse 设置单元格是否共用边框
            collapse（合并模式） 相邻的单元格共用同一个边框
            separate（分离模式）（默认） 每个单元格的边框都是单独使用的
            border-spacing 设置单元格之间的间距（分离模式有效）
            只设置一个值上下左右的间距都是这个值
            设置两个值，第一个值是左右间距，第二个值是上下间距

            caption-side 设置表格标题的位置
            top(默认值) 在表格的顶部
            bottom 在表格的底部

            empty-cells 设置空单元格隐藏还是显示（分离模式有效）
            show(默认) 显示
            hide 隐藏

            table-layout 设置单元格的宽高
            auto（默认） 内容的宽高就是单元格的宽高
            fixed 单元格的宽高都是固定的
        */
        table, td {
            border: solid;
        }
        table {
            width: 300px;
            border-collapse: collapse;
            border-collapse: separate;
            border-spacing: 10px;
            border-spacing: 10px 20px;
            caption-side: top;
            caption-side: bottom;
            empty-cells: hide;
            empty-cells: show;
            table-layout: auto;
            table-layout: fixed;
        }
        table:hover{
            empty-cells: show;
        }
    </style>
</head>
<body>
    <table>
        <caption>个人简历</caption>
        <tr>
            <td>hello</td>
            <td>hello jack</td>
            <td>hello jackhello jack</td>
        </tr>
        <tr>
            <td> </td>
            <td></td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>
</body>
</html>